<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="信访件编号" prop="petitionNumber">
        <el-input
          v-model="queryParams.petitionNumber"
          placeholder="请输入信访件编号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="登记机构" prop="registrationOrganization">
        <el-input
          v-model="queryParams.registrationOrganization"
          placeholder="请输入登记机构"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="信访日期" prop="petitionDate">
        <el-input
          v-model="queryParams.petitionDate"
          placeholder="请输入信访日期"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="姓名" prop="petitionerName">
        <el-input
          v-model="queryParams.petitionerName"
          placeholder="请输入姓名"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="信访人住址" prop="petitionerAddress">
        <el-input
          v-model="queryParams.petitionerAddress"
          placeholder="请输入信访人住址"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="身份证号码" prop="idNumber">
        <el-input
          v-model="queryParams.idNumber"
          placeholder="请输入身份证号码"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="手机号码" prop="phoneNumber">
        <el-input
          v-model="queryParams.phoneNumber"
          placeholder="请输入手机号码"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="信访形式" prop="petitionForm">
        <el-input
          v-model="queryParams.petitionForm"
          placeholder="请输入信访形式"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="概况信息" prop="summaryInfo">
        <el-input
          v-model="queryParams.summaryInfo"
          placeholder="请输入概况信息"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="去向机构" prop="destinationOrganization">
        <el-input
          v-model="queryParams.destinationOrganization"
          placeholder="请输入去向机构"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="登记时间" prop="registrationTime">
        <el-input
          v-model="queryParams.registrationTime"
          placeholder="请输入登记时间"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="是否扬言" prop="isThreatening">
        <el-input
          v-model="queryParams.isThreatening"
          placeholder="请输入是否扬言"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="登记机构类别" prop="registrationCategory">
        <el-input
          v-model="queryParams.registrationCategory"
          placeholder="请输入登记机构类别"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="是否办结" prop="isConcluded">
        <el-input
          v-model="queryParams.isConcluded"
          placeholder="请输入是否办结"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="信访人数" prop="petitionerCount">
        <el-input
          v-model="queryParams.petitionerCount"
          placeholder="请输入信访人数"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="涉及人数" prop="involvedCount">
        <el-input
          v-model="queryParams.involvedCount"
          placeholder="请输入涉及人数"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="登记部门" prop="registrationDepartment">
        <el-input
          v-model="queryParams.registrationDepartment"
          placeholder="请输入登记部门"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="登记人" prop="registrationPerson">
        <el-input
          v-model="queryParams.registrationPerson"
          placeholder="请输入登记人"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="受信人" prop="recipient">
        <el-input
          v-model="queryParams.recipient"
          placeholder="请输入受信人"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="问题属地名称" prop="problemLocationName">
        <el-input
          v-model="queryParams.problemLocationName"
          placeholder="请输入问题属地名称"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="内容分类名称" prop="contentCategoryName">
        <el-input
          v-model="queryParams.contentCategoryName"
          placeholder="请输入内容分类名称"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="信访目的名称" prop="petitionPurposeName">
        <el-input
          v-model="queryParams.petitionPurposeName"
          placeholder="请输入信访目的名称"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="信访原因" prop="petitionReason">
        <el-input
          v-model="queryParams.petitionReason"
          placeholder="请输入信访原因"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="首次信访机构" prop="firstPetitionOrganization">
        <el-input
          v-model="queryParams.firstPetitionOrganization"
          placeholder="请输入首次信访机构"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="首次信访日期" prop="firstPetitionDate">
        <el-input
          v-model="queryParams.firstPetitionDate"
          placeholder="请输入首次信访日期"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="是否三跨三分离" prop="isThreeCrossSeparation">
        <el-input
          v-model="queryParams.isThreeCrossSeparation"
          placeholder="请输入是否三跨三分离"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="是否积案" prop="isPending">
        <el-input
          v-model="queryParams.isPending"
          placeholder="请输入是否积案"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="是否联名" prop="isJoint">
        <el-input
          v-model="queryParams.isJoint"
          placeholder="请输入是否联名"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="是否公开" prop="isPublic">
        <el-input
          v-model="queryParams.isPublic"
          placeholder="请输入是否公开"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="是否重大紧急" prop="isUrgent">
        <el-input
          v-model="queryParams.isUrgent"
          placeholder="请输入是否重大紧急"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="是否匿名" prop="isAnonymous">
        <el-input
          v-model="queryParams.isAnonymous"
          placeholder="请输入是否匿名"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="热点问题" prop="hotIssue">
        <el-input
          v-model="queryParams.hotIssue"
          placeholder="请输入热点问题"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="所属系统" prop="affiliatedSystem">
        <el-input
          v-model="queryParams.affiliatedSystem"
          placeholder="请输入所属系统"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="是否依法逐级走访" prop="isVisitedLawfully">
        <el-input
          v-model="queryParams.isVisitedLawfully"
          placeholder="请输入是否依法逐级走访"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="是否涉法涉诉" prop="isLawsuitInvolved">
        <el-input
          v-model="queryParams.isLawsuitInvolved"
          placeholder="请输入是否涉法涉诉"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="是否涉港" prop="isRelatedToHongkong">
        <el-input
          v-model="queryParams.isRelatedToHongkong"
          placeholder="请输入是否涉港"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="是否涉澳" prop="isRelatedToMacao">
        <el-input
          v-model="queryParams.isRelatedToMacao"
          placeholder="请输入是否涉澳"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="是否涉台" prop="isRelatedToTaiwan">
        <el-input
          v-model="queryParams.isRelatedToTaiwan"
          placeholder="请输入是否涉台"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="是否涉外" prop="isRelatedToForeign">
        <el-input
          v-model="queryParams.isRelatedToForeign"
          placeholder="请输入是否涉外"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="是否涉侨" prop="isRelatedToOverseas">
        <el-input
          v-model="queryParams.isRelatedToOverseas"
          placeholder="请输入是否涉侨"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="限办截至时间" prop="deadline">
        <el-input
          v-model="queryParams.deadline"
          placeholder="请输入限办截至时间"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="附件数量" prop="attachmentCount">
        <el-input
          v-model="queryParams.attachmentCount"
          placeholder="请输入附件数量"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="被反映人级别名称" prop="respondentLevelName">
        <el-input
          v-model="queryParams.respondentLevelName"
          placeholder="请输入被反映人级别名称"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="被反映人职务" prop="respondentPosition">
        <el-input
          v-model="queryParams.respondentPosition"
          placeholder="请输入被反映人职务"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="被反映人住址" prop="respondentAddress">
        <el-input
          v-model="queryParams.respondentAddress"
          placeholder="请输入被反映人住址"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="被反映人或单位" prop="respondentOrg">
        <el-input
          v-model="queryParams.respondentOrg"
          placeholder="请输入被反映人或单位"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="信访条码" prop="petitionBarcode">
        <el-input
          v-model="queryParams.petitionBarcode"
          placeholder="请输入信访条码"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="最近更新时间" prop="lastUpdatedTime">
        <el-input
          v-model="queryParams.lastUpdatedTime"
          placeholder="请输入最近更新时间"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="办结时间" prop="completionTime">
        <el-input
          v-model="queryParams.completionTime"
          placeholder="请输入办结时间"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="投诉来源" prop="complaintSource">
        <el-input
          v-model="queryParams.complaintSource"
          placeholder="请输入投诉来源"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="是否保密" prop="isConfidential">
        <el-input
          v-model="queryParams.isConfidential"
          placeholder="请输入是否保密"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="国家局交换用编号" prop="nationalExchangeNumber">
        <el-input
          v-model="queryParams.nationalExchangeNumber"
          placeholder="请输入国家局交换用编号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="初/重件" prop="initialOrImportant">
        <el-input
          v-model="queryParams.initialOrImportant"
          placeholder="请输入初/重件"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="邮政编码" prop="postalCode">
        <el-input
          v-model="queryParams.postalCode"
          placeholder="请输入邮政编码"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="原信访件编号" prop="originalPetitionNumber">
        <el-input
          v-model="queryParams.originalPetitionNumber"
          placeholder="请输入原信访件编号"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="满意度评价标志" prop="satisfactionEvaluation">
        <el-input
          v-model="queryParams.satisfactionEvaluation"
          placeholder="请输入满意度评价标志"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="复查标志" prop="reviewFlag">
        <el-input
          v-model="queryParams.reviewFlag"
          placeholder="请输入复查标志"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="复核标志" prop="reexaminationFlag">
        <el-input
          v-model="queryParams.reexaminationFlag"
          placeholder="请输入复核标志"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="住址详细地址" prop="detailedAddress">
        <el-input
          v-model="queryParams.detailedAddress"
          placeholder="请输入住址详细地址"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="办理方式名称" prop="processingModeName">
        <el-input
          v-model="queryParams.processingModeName"
          placeholder="请输入办理方式名称"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="出具答复告知书单位" prop="issuingInformUnit">
        <el-input
          v-model="queryParams.issuingInformUnit"
          placeholder="请输入出具答复告知书单位"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="信访部门评价状态" prop="petitionDeptEvaluationState">
        <el-input
          v-model="queryParams.petitionDeptEvaluationState"
          placeholder="请输入信访部门评价状态"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="信访部门评价时间" prop="petitionDeptEvaluationTime">
        <el-input
          v-model="queryParams.petitionDeptEvaluationTime"
          placeholder="请输入信访部门评价时间"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="信访部门满意值" prop="petitionDeptSatisfactionValue">
        <el-input
          v-model="queryParams.petitionDeptSatisfactionValue"
          placeholder="请输入信访部门满意值"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="责任单位评价状态" prop="responsibleUnitEvaluationState">
        <el-input
          v-model="queryParams.responsibleUnitEvaluationState"
          placeholder="请输入责任单位评价状态"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="责任单位评价时间" prop="responsibleUnitEvaluationTime">
        <el-input
          v-model="queryParams.responsibleUnitEvaluationTime"
          placeholder="请输入责任单位评价时间"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="责任单位满意值" prop="responsibleUnitSatisfactionValue">
        <el-input
          v-model="queryParams.responsibleUnitSatisfactionValue"
          placeholder="请输入责任单位满意值"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
          type="primary"
          plain
          icon="el-icon-plus"
          size="mini"
          @click="handleAdd"
          v-hasPermi="['system:xinfangxinxi:add']"
        >新增</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="success"
          plain
          icon="el-icon-edit"
          size="mini"
          :disabled="single"
          @click="handleUpdate"
          v-hasPermi="['system:xinfangxinxi:edit']"
        >修改</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="danger"
          plain
          icon="el-icon-delete"
          size="mini"
          :disabled="multiple"
          @click="handleDelete"
          v-hasPermi="['system:xinfangxinxi:remove']"
        >删除</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="warning"
          plain
          icon="el-icon-download"
          size="mini"
          @click="handleExport"
          v-hasPermi="['system:xinfangxinxi:export']"
        >导出</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <el-table v-loading="loading" :data="xinfangxinxiList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="主键，唯一标识符" align="center" prop="id" />
      <el-table-column label="信访件编号" align="center" prop="petitionNumber" />
      <el-table-column label="登记机构" align="center" prop="registrationOrganization" />
      <el-table-column label="信访日期" align="center" prop="petitionDate" />
      <el-table-column label="姓名" align="center" prop="petitionerName" />
      <el-table-column label="信访人住址" align="center" prop="petitionerAddress" />
      <el-table-column label="身份证号码" align="center" prop="idNumber" />
      <el-table-column label="手机号码" align="center" prop="phoneNumber" />
      <el-table-column label="信访形式" align="center" prop="petitionForm" />
      <el-table-column label="概况信息" align="center" prop="summaryInfo" />
      <el-table-column label="去向机构" align="center" prop="destinationOrganization" />
      <el-table-column label="登记时间" align="center" prop="registrationTime" />
      <el-table-column label="是否扬言" align="center" prop="isThreatening" />
      <el-table-column label="登记机构类别" align="center" prop="registrationCategory" />
      <el-table-column label="是否办结" align="center" prop="isConcluded" />
      <el-table-column label="投诉内容" align="center" prop="complaintContent" />
      <el-table-column label="信访人数" align="center" prop="petitionerCount" />
      <el-table-column label="涉及人数" align="center" prop="involvedCount" />
      <el-table-column label="登记部门" align="center" prop="registrationDepartment" />
      <el-table-column label="登记人" align="center" prop="registrationPerson" />
      <el-table-column label="受信人" align="center" prop="recipient" />
      <el-table-column label="查询码状态" align="center" prop="queryCodeStatus" />
      <el-table-column label="问题属地名称" align="center" prop="problemLocationName" />
      <el-table-column label="内容分类名称" align="center" prop="contentCategoryName" />
      <el-table-column label="信访目的名称" align="center" prop="petitionPurposeName" />
      <el-table-column label="信访原因" align="center" prop="petitionReason" />
      <el-table-column label="首次信访机构" align="center" prop="firstPetitionOrganization" />
      <el-table-column label="首次信访日期" align="center" prop="firstPetitionDate" />
      <el-table-column label="是否三跨三分离" align="center" prop="isThreeCrossSeparation" />
      <el-table-column label="是否积案" align="center" prop="isPending" />
      <el-table-column label="是否联名" align="center" prop="isJoint" />
      <el-table-column label="是否公开" align="center" prop="isPublic" />
      <el-table-column label="是否重大紧急" align="center" prop="isUrgent" />
      <el-table-column label="是否匿名" align="center" prop="isAnonymous" />
      <el-table-column label="热点问题" align="center" prop="hotIssue" />
      <el-table-column label="所属系统" align="center" prop="affiliatedSystem" />
      <el-table-column label="是否依法逐级走访" align="center" prop="isVisitedLawfully" />
      <el-table-column label="是否涉法涉诉" align="center" prop="isLawsuitInvolved" />
      <el-table-column label="是否涉港" align="center" prop="isRelatedToHongkong" />
      <el-table-column label="是否涉澳" align="center" prop="isRelatedToMacao" />
      <el-table-column label="是否涉台" align="center" prop="isRelatedToTaiwan" />
      <el-table-column label="是否涉外" align="center" prop="isRelatedToForeign" />
      <el-table-column label="是否涉侨" align="center" prop="isRelatedToOverseas" />
      <el-table-column label="限办截至时间" align="center" prop="deadline" />
      <el-table-column label="附件数量" align="center" prop="attachmentCount" />
      <el-table-column label="被反映人级别名称" align="center" prop="respondentLevelName" />
      <el-table-column label="被反映人职务" align="center" prop="respondentPosition" />
      <el-table-column label="被反映人住址" align="center" prop="respondentAddress" />
      <el-table-column label="被反映人或单位" align="center" prop="respondentOrg" />
      <el-table-column label="信访条码" align="center" prop="petitionBarcode" />
      <el-table-column label="最近更新时间" align="center" prop="lastUpdatedTime" />
      <el-table-column label="办结时间" align="center" prop="completionTime" />
      <el-table-column label="投诉来源" align="center" prop="complaintSource" />
      <el-table-column label="是否保密" align="center" prop="isConfidential" />
      <el-table-column label="国家局交换用编号" align="center" prop="nationalExchangeNumber" />
      <el-table-column label="初/重件" align="center" prop="initialOrImportant" />
      <el-table-column label="邮政编码" align="center" prop="postalCode" />
      <el-table-column label="原信访件编号" align="center" prop="originalPetitionNumber" />
      <el-table-column label="满意度评价标志" align="center" prop="satisfactionEvaluation" />
      <el-table-column label="复查标志" align="center" prop="reviewFlag" />
      <el-table-column label="复核标志" align="center" prop="reexaminationFlag" />
      <el-table-column label="住址详细地址" align="center" prop="detailedAddress" />
      <el-table-column label="办理方式名称" align="center" prop="processingModeName" />
      <el-table-column label="出具答复告知书单位" align="center" prop="issuingInformUnit" />
      <el-table-column label="信访部门评价状态" align="center" prop="petitionDeptEvaluationState" />
      <el-table-column label="信访部门评价时间" align="center" prop="petitionDeptEvaluationTime" />
      <el-table-column label="信访部门满意值" align="center" prop="petitionDeptSatisfactionValue" />
      <el-table-column label="信访部门评价内容" align="center" prop="petitionDeptEvaluationContent" />
      <el-table-column label="责任单位评价状态" align="center" prop="responsibleUnitEvaluationState" />
      <el-table-column label="责任单位评价时间" align="center" prop="responsibleUnitEvaluationTime" />
      <el-table-column label="责任单位满意值" align="center" prop="responsibleUnitSatisfactionValue" />
      <el-table-column label="责任单位评价内容" align="center" prop="responsibleUnitEvaluationContent" />
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['system:xinfangxinxi:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['system:xinfangxinxi:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    
    <pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />

    <!-- 添加或修改信访信息表对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="信访件编号" prop="petitionNumber">
          <el-input v-model="form.petitionNumber" placeholder="请输入信访件编号" />
        </el-form-item>
        <el-form-item label="登记机构" prop="registrationOrganization">
          <el-input v-model="form.registrationOrganization" placeholder="请输入登记机构" />
        </el-form-item>
        <el-form-item label="信访日期" prop="petitionDate">
          <el-input v-model="form.petitionDate" placeholder="请输入信访日期" />
        </el-form-item>
        <el-form-item label="姓名" prop="petitionerName">
          <el-input v-model="form.petitionerName" placeholder="请输入姓名" />
        </el-form-item>
        <el-form-item label="信访人住址" prop="petitionerAddress">
          <el-input v-model="form.petitionerAddress" placeholder="请输入信访人住址" />
        </el-form-item>
        <el-form-item label="身份证号码" prop="idNumber">
          <el-input v-model="form.idNumber" placeholder="请输入身份证号码" />
        </el-form-item>
        <el-form-item label="手机号码" prop="phoneNumber">
          <el-input v-model="form.phoneNumber" placeholder="请输入手机号码" />
        </el-form-item>
        <el-form-item label="信访形式" prop="petitionForm">
          <el-input v-model="form.petitionForm" placeholder="请输入信访形式" />
        </el-form-item>
        <el-form-item label="概况信息" prop="summaryInfo">
          <el-input v-model="form.summaryInfo" placeholder="请输入概况信息" />
        </el-form-item>
        <el-form-item label="去向机构" prop="destinationOrganization">
          <el-input v-model="form.destinationOrganization" placeholder="请输入去向机构" />
        </el-form-item>
        <el-form-item label="登记时间" prop="registrationTime">
          <el-input v-model="form.registrationTime" placeholder="请输入登记时间" />
        </el-form-item>
        <el-form-item label="是否扬言" prop="isThreatening">
          <el-input v-model="form.isThreatening" placeholder="请输入是否扬言" />
        </el-form-item>
        <el-form-item label="登记机构类别" prop="registrationCategory">
          <el-input v-model="form.registrationCategory" placeholder="请输入登记机构类别" />
        </el-form-item>
        <el-form-item label="是否办结" prop="isConcluded">
          <el-input v-model="form.isConcluded" placeholder="请输入是否办结" />
        </el-form-item>
        <el-form-item label="投诉内容">
          <editor v-model="form.complaintContent" :min-height="192"/>
        </el-form-item>
        <el-form-item label="信访人数" prop="petitionerCount">
          <el-input v-model="form.petitionerCount" placeholder="请输入信访人数" />
        </el-form-item>
        <el-form-item label="涉及人数" prop="involvedCount">
          <el-input v-model="form.involvedCount" placeholder="请输入涉及人数" />
        </el-form-item>
        <el-form-item label="登记部门" prop="registrationDepartment">
          <el-input v-model="form.registrationDepartment" placeholder="请输入登记部门" />
        </el-form-item>
        <el-form-item label="登记人" prop="registrationPerson">
          <el-input v-model="form.registrationPerson" placeholder="请输入登记人" />
        </el-form-item>
        <el-form-item label="受信人" prop="recipient">
          <el-input v-model="form.recipient" placeholder="请输入受信人" />
        </el-form-item>
        <el-form-item label="问题属地名称" prop="problemLocationName">
          <el-input v-model="form.problemLocationName" placeholder="请输入问题属地名称" />
        </el-form-item>
        <el-form-item label="内容分类名称" prop="contentCategoryName">
          <el-input v-model="form.contentCategoryName" placeholder="请输入内容分类名称" />
        </el-form-item>
        <el-form-item label="信访目的名称" prop="petitionPurposeName">
          <el-input v-model="form.petitionPurposeName" placeholder="请输入信访目的名称" />
        </el-form-item>
        <el-form-item label="信访原因" prop="petitionReason">
          <el-input v-model="form.petitionReason" placeholder="请输入信访原因" />
        </el-form-item>
        <el-form-item label="首次信访机构" prop="firstPetitionOrganization">
          <el-input v-model="form.firstPetitionOrganization" placeholder="请输入首次信访机构" />
        </el-form-item>
        <el-form-item label="首次信访日期" prop="firstPetitionDate">
          <el-input v-model="form.firstPetitionDate" placeholder="请输入首次信访日期" />
        </el-form-item>
        <el-form-item label="是否三跨三分离" prop="isThreeCrossSeparation">
          <el-input v-model="form.isThreeCrossSeparation" placeholder="请输入是否三跨三分离" />
        </el-form-item>
        <el-form-item label="是否积案" prop="isPending">
          <el-input v-model="form.isPending" placeholder="请输入是否积案" />
        </el-form-item>
        <el-form-item label="是否联名" prop="isJoint">
          <el-input v-model="form.isJoint" placeholder="请输入是否联名" />
        </el-form-item>
        <el-form-item label="是否公开" prop="isPublic">
          <el-input v-model="form.isPublic" placeholder="请输入是否公开" />
        </el-form-item>
        <el-form-item label="是否重大紧急" prop="isUrgent">
          <el-input v-model="form.isUrgent" placeholder="请输入是否重大紧急" />
        </el-form-item>
        <el-form-item label="是否匿名" prop="isAnonymous">
          <el-input v-model="form.isAnonymous" placeholder="请输入是否匿名" />
        </el-form-item>
        <el-form-item label="热点问题" prop="hotIssue">
          <el-input v-model="form.hotIssue" placeholder="请输入热点问题" />
        </el-form-item>
        <el-form-item label="所属系统" prop="affiliatedSystem">
          <el-input v-model="form.affiliatedSystem" placeholder="请输入所属系统" />
        </el-form-item>
        <el-form-item label="是否依法逐级走访" prop="isVisitedLawfully">
          <el-input v-model="form.isVisitedLawfully" placeholder="请输入是否依法逐级走访" />
        </el-form-item>
        <el-form-item label="是否涉法涉诉" prop="isLawsuitInvolved">
          <el-input v-model="form.isLawsuitInvolved" placeholder="请输入是否涉法涉诉" />
        </el-form-item>
        <el-form-item label="是否涉港" prop="isRelatedToHongkong">
          <el-input v-model="form.isRelatedToHongkong" placeholder="请输入是否涉港" />
        </el-form-item>
        <el-form-item label="是否涉澳" prop="isRelatedToMacao">
          <el-input v-model="form.isRelatedToMacao" placeholder="请输入是否涉澳" />
        </el-form-item>
        <el-form-item label="是否涉台" prop="isRelatedToTaiwan">
          <el-input v-model="form.isRelatedToTaiwan" placeholder="请输入是否涉台" />
        </el-form-item>
        <el-form-item label="是否涉外" prop="isRelatedToForeign">
          <el-input v-model="form.isRelatedToForeign" placeholder="请输入是否涉外" />
        </el-form-item>
        <el-form-item label="是否涉侨" prop="isRelatedToOverseas">
          <el-input v-model="form.isRelatedToOverseas" placeholder="请输入是否涉侨" />
        </el-form-item>
        <el-form-item label="限办截至时间" prop="deadline">
          <el-input v-model="form.deadline" placeholder="请输入限办截至时间" />
        </el-form-item>
        <el-form-item label="附件数量" prop="attachmentCount">
          <el-input v-model="form.attachmentCount" placeholder="请输入附件数量" />
        </el-form-item>
        <el-form-item label="被反映人级别名称" prop="respondentLevelName">
          <el-input v-model="form.respondentLevelName" placeholder="请输入被反映人级别名称" />
        </el-form-item>
        <el-form-item label="被反映人职务" prop="respondentPosition">
          <el-input v-model="form.respondentPosition" placeholder="请输入被反映人职务" />
        </el-form-item>
        <el-form-item label="被反映人住址" prop="respondentAddress">
          <el-input v-model="form.respondentAddress" placeholder="请输入被反映人住址" />
        </el-form-item>
        <el-form-item label="被反映人或单位" prop="respondentOrg">
          <el-input v-model="form.respondentOrg" placeholder="请输入被反映人或单位" />
        </el-form-item>
        <el-form-item label="信访条码" prop="petitionBarcode">
          <el-input v-model="form.petitionBarcode" placeholder="请输入信访条码" />
        </el-form-item>
        <el-form-item label="最近更新时间" prop="lastUpdatedTime">
          <el-input v-model="form.lastUpdatedTime" placeholder="请输入最近更新时间" />
        </el-form-item>
        <el-form-item label="办结时间" prop="completionTime">
          <el-input v-model="form.completionTime" placeholder="请输入办结时间" />
        </el-form-item>
        <el-form-item label="投诉来源" prop="complaintSource">
          <el-input v-model="form.complaintSource" placeholder="请输入投诉来源" />
        </el-form-item>
        <el-form-item label="是否保密" prop="isConfidential">
          <el-input v-model="form.isConfidential" placeholder="请输入是否保密" />
        </el-form-item>
        <el-form-item label="国家局交换用编号" prop="nationalExchangeNumber">
          <el-input v-model="form.nationalExchangeNumber" placeholder="请输入国家局交换用编号" />
        </el-form-item>
        <el-form-item label="初/重件" prop="initialOrImportant">
          <el-input v-model="form.initialOrImportant" placeholder="请输入初/重件" />
        </el-form-item>
        <el-form-item label="邮政编码" prop="postalCode">
          <el-input v-model="form.postalCode" placeholder="请输入邮政编码" />
        </el-form-item>
        <el-form-item label="原信访件编号" prop="originalPetitionNumber">
          <el-input v-model="form.originalPetitionNumber" placeholder="请输入原信访件编号" />
        </el-form-item>
        <el-form-item label="满意度评价标志" prop="satisfactionEvaluation">
          <el-input v-model="form.satisfactionEvaluation" placeholder="请输入满意度评价标志" />
        </el-form-item>
        <el-form-item label="复查标志" prop="reviewFlag">
          <el-input v-model="form.reviewFlag" placeholder="请输入复查标志" />
        </el-form-item>
        <el-form-item label="复核标志" prop="reexaminationFlag">
          <el-input v-model="form.reexaminationFlag" placeholder="请输入复核标志" />
        </el-form-item>
        <el-form-item label="住址详细地址" prop="detailedAddress">
          <el-input v-model="form.detailedAddress" placeholder="请输入住址详细地址" />
        </el-form-item>
        <el-form-item label="办理方式名称" prop="processingModeName">
          <el-input v-model="form.processingModeName" placeholder="请输入办理方式名称" />
        </el-form-item>
        <el-form-item label="出具答复告知书单位" prop="issuingInformUnit">
          <el-input v-model="form.issuingInformUnit" placeholder="请输入出具答复告知书单位" />
        </el-form-item>
        <el-form-item label="信访部门评价状态" prop="petitionDeptEvaluationState">
          <el-input v-model="form.petitionDeptEvaluationState" placeholder="请输入信访部门评价状态" />
        </el-form-item>
        <el-form-item label="信访部门评价时间" prop="petitionDeptEvaluationTime">
          <el-input v-model="form.petitionDeptEvaluationTime" placeholder="请输入信访部门评价时间" />
        </el-form-item>
        <el-form-item label="信访部门满意值" prop="petitionDeptSatisfactionValue">
          <el-input v-model="form.petitionDeptSatisfactionValue" placeholder="请输入信访部门满意值" />
        </el-form-item>
        <el-form-item label="信访部门评价内容">
          <editor v-model="form.petitionDeptEvaluationContent" :min-height="192"/>
        </el-form-item>
        <el-form-item label="责任单位评价状态" prop="responsibleUnitEvaluationState">
          <el-input v-model="form.responsibleUnitEvaluationState" placeholder="请输入责任单位评价状态" />
        </el-form-item>
        <el-form-item label="责任单位评价时间" prop="responsibleUnitEvaluationTime">
          <el-input v-model="form.responsibleUnitEvaluationTime" placeholder="请输入责任单位评价时间" />
        </el-form-item>
        <el-form-item label="责任单位满意值" prop="responsibleUnitSatisfactionValue">
          <el-input v-model="form.responsibleUnitSatisfactionValue" placeholder="请输入责任单位满意值" />
        </el-form-item>
        <el-form-item label="责任单位评价内容">
          <editor v-model="form.responsibleUnitEvaluationContent" :min-height="192"/>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import { listXinfangxinxi, getXinfangxinxi, delXinfangxinxi, addXinfangxinxi, updateXinfangxinxi } from "@/api/system/xinfangxinxi";

export default {
  name: "Xinfangxinxi",
  data() {
    return {
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 信访信息表表格数据
      xinfangxinxiList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        petitionNumber: null,
        registrationOrganization: null,
        petitionDate: null,
        petitionerName: null,
        petitionerAddress: null,
        idNumber: null,
        phoneNumber: null,
        petitionForm: null,
        summaryInfo: null,
        destinationOrganization: null,
        registrationTime: null,
        isThreatening: null,
        registrationCategory: null,
        isConcluded: null,
        complaintContent: null,
        petitionerCount: null,
        involvedCount: null,
        registrationDepartment: null,
        registrationPerson: null,
        recipient: null,
        queryCodeStatus: null,
        problemLocationName: null,
        contentCategoryName: null,
        petitionPurposeName: null,
        petitionReason: null,
        firstPetitionOrganization: null,
        firstPetitionDate: null,
        isThreeCrossSeparation: null,
        isPending: null,
        isJoint: null,
        isPublic: null,
        isUrgent: null,
        isAnonymous: null,
        hotIssue: null,
        affiliatedSystem: null,
        isVisitedLawfully: null,
        isLawsuitInvolved: null,
        isRelatedToHongkong: null,
        isRelatedToMacao: null,
        isRelatedToTaiwan: null,
        isRelatedToForeign: null,
        isRelatedToOverseas: null,
        deadline: null,
        attachmentCount: null,
        respondentLevelName: null,
        respondentPosition: null,
        respondentAddress: null,
        respondentOrg: null,
        petitionBarcode: null,
        lastUpdatedTime: null,
        completionTime: null,
        complaintSource: null,
        isConfidential: null,
        nationalExchangeNumber: null,
        initialOrImportant: null,
        postalCode: null,
        originalPetitionNumber: null,
        satisfactionEvaluation: null,
        reviewFlag: null,
        reexaminationFlag: null,
        detailedAddress: null,
        processingModeName: null,
        issuingInformUnit: null,
        petitionDeptEvaluationState: null,
        petitionDeptEvaluationTime: null,
        petitionDeptSatisfactionValue: null,
        petitionDeptEvaluationContent: null,
        responsibleUnitEvaluationState: null,
        responsibleUnitEvaluationTime: null,
        responsibleUnitSatisfactionValue: null,
        responsibleUnitEvaluationContent: null
      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {
      }
    };
  },
  created() {
    this.getList();
  },
  methods: {
    /** 查询信访信息表列表 */
    getList() {
      this.loading = true;
      listXinfangxinxi(this.queryParams).then(response => {
        this.xinfangxinxiList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.reset();
    },
    // 表单重置
    reset() {
      this.form = {
        id: null,
        petitionNumber: null,
        registrationOrganization: null,
        petitionDate: null,
        petitionerName: null,
        petitionerAddress: null,
        idNumber: null,
        phoneNumber: null,
        petitionForm: null,
        summaryInfo: null,
        destinationOrganization: null,
        registrationTime: null,
        isThreatening: null,
        registrationCategory: null,
        isConcluded: null,
        complaintContent: null,
        petitionerCount: null,
        involvedCount: null,
        registrationDepartment: null,
        registrationPerson: null,
        recipient: null,
        queryCodeStatus: null,
        problemLocationName: null,
        contentCategoryName: null,
        petitionPurposeName: null,
        petitionReason: null,
        firstPetitionOrganization: null,
        firstPetitionDate: null,
        isThreeCrossSeparation: null,
        isPending: null,
        isJoint: null,
        isPublic: null,
        isUrgent: null,
        isAnonymous: null,
        hotIssue: null,
        affiliatedSystem: null,
        isVisitedLawfully: null,
        isLawsuitInvolved: null,
        isRelatedToHongkong: null,
        isRelatedToMacao: null,
        isRelatedToTaiwan: null,
        isRelatedToForeign: null,
        isRelatedToOverseas: null,
        deadline: null,
        attachmentCount: null,
        respondentLevelName: null,
        respondentPosition: null,
        respondentAddress: null,
        respondentOrg: null,
        petitionBarcode: null,
        lastUpdatedTime: null,
        completionTime: null,
        complaintSource: null,
        isConfidential: null,
        nationalExchangeNumber: null,
        initialOrImportant: null,
        postalCode: null,
        originalPetitionNumber: null,
        satisfactionEvaluation: null,
        reviewFlag: null,
        reexaminationFlag: null,
        detailedAddress: null,
        processingModeName: null,
        issuingInformUnit: null,
        petitionDeptEvaluationState: null,
        petitionDeptEvaluationTime: null,
        petitionDeptSatisfactionValue: null,
        petitionDeptEvaluationContent: null,
        responsibleUnitEvaluationState: null,
        responsibleUnitEvaluationTime: null,
        responsibleUnitSatisfactionValue: null,
        responsibleUnitEvaluationContent: null
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.id)
      this.single = selection.length!==1
      this.multiple = !selection.length
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加信访信息表";
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const id = row.id || this.ids
      getXinfangxinxi(id).then(response => {
        this.form = response.data;
        this.open = true;
        this.title = "修改信访信息表";
      });
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.id != null) {
            updateXinfangxinxi(this.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.open = false;
              this.getList();
            });
          } else {
            addXinfangxinxi(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;
              this.getList();
            });
          }
        }
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const ids = row.id || this.ids;
      this.$modal.confirm('是否确认删除信访信息表编号为"' + ids + '"的数据项？').then(function() {
        return delXinfangxinxi(ids);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => {});
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download('system/xinfangxinxi/export', {
        ...this.queryParams
      }, `xinfangxinxi_${new Date().getTime()}.xlsx`)
    }
  }
};
</script>
